<template>
  <div>
    <el-button-group>
    <el-button
      disabled 
      @click="handlePre" type="primary" icon="el-icon-arrow-left"
      loading
      >上一页</el-button>
    <el-button type="success" native-type="submit" >下一页<i class="el-icon-arrow-right"></i></el-button>
  </el-button-group>
  <el-button-group>
    <el-button
      type="primary" plain>上一页</el-button>
    <el-button
      type="primary" circle>上一页</el-button>
    <el-button
      type="primary" round>上一页</el-button>
      <div>
        <el-badge is-dot class="item">数据查询</el-badge>
        <el-badge is-dot class="item">
          <el-button class="share-button" icon="el-icon-share" type="primary"></el-button>
        </el-badge>
      </div>
  </el-button-group>
  </div>
</template>
<script>
import ElButtonGroup from './components/ElButtonGroup.vue'
import ElButton from './components/ElButton.vue'
import ElBadge from './components/ElBadge.vue'
export default {
  props:{
    
  },
  methods: {
    handlePre(e){
      console.log(e)
    }
  },
  components:{
    'el-button-group':ElButtonGroup,
    'el-button':ElButton,
    'el-badge':ElBadge
  }
}
</script>